/* CSS Reset */
*{box-sizing: border-box;}
html{color:#000;background:#FFF; width:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
strong{ font-weight:bold;}
img{ vertical-align:top;}
.cl{ clear:both;overflow: hidden;}

a{ color:#666666; text-decoration:none;}
a:hover{ color: #204AEA; text-decoration:none;}

body{
  min-width: 1400px;
	background: url(../img/pc/index_03_02.png) 0 0 repeat-x;
	background-color: #F4F7FE;
}

.parts{
	width: 1400px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}
.page-header .logo{
	float: left;
	padding: 30px 0;
}
.page-header .search{
	float: right;
	width: 415px;
	padding-top: 45px;
}
.page-header .search input{
	width: 330px;
	line-height: 38px;
	padding-left: 15px;
	background-color: #fff;
	border: 1px solid  #AFB2C9;
	border-right: none;
	outline: none;
	float: left;
}
.page-header .search button{
	border:none;
	height: 40px;
	width: 85px;
	background: url("../img/pc/index_01_06.jpg") no-repeat;
	float: left;
}
.nav{
	background-color: #204AEA;
	margin-bottom: 30px;
}
.nav ul#nav > li {
    float: left;
    margin: 0 20px;
    position: relative;
}
.nav ul#nav > li > a {
    color: #fff;
    display: block;
    font-family: "Microrost YaHei";
    font-size: 18px;
    line-height: 60px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    padding: 0 35px;
}
.nav ul#nav > li:hover a,.nav ul#nav > li.current a{
	background-color: #0029CB;
}
.nav ul#nav > li:hover a:after,.nav ul#nav > li.current a:after{
    bottom: 8px;
    content: "";
    height: 3px;
    left: 40px;
    position: absolute;
    width: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: #FFB203;
}
.position-bar{
	font-size: 16px;
    margin-bottom: 12px;
}
.info{
	margin-bottom: 30px;
}
.recommended{
	float: left;
	width: 588px;
	height: 380px;
	overflow: hidden;
}
.hiSlider-pages,
.hiSlider-title{
    position: absolute;
    z-index: 3;
}
.hiSlider-btn-prev,
.hiSlider-btn-next{
    position: absolute;
    z-index: 5;
    top: 50%;
    height: 30px;
    width: 30px;
    background:  url(../img/pc/hislider-arrow.png) no-repeat;
    margin-top: -15px;
    text-indent: -200px;
    overflow: hidden;
    opacity: .6;
    filter:alpha(opacity:60);
}
.hiSlider-btn-prev{
    left: 10px;
}
.hiSlider-btn-next{
    right: 10px;
    background-position: -30px 0;
}
.hiSlider-btn-prev:hover,
.hiSlider-btn-next:hover{
    opacity: 1;
    filter:alpha(opacity:100);
}
.hiSlider-title{
    bottom: 0;
    width: 100%;
    padding: 30px 0 10px;
    color: #fff;
    text-indent: 10px;
    /*background: rgba(0,0,0,.6);*/
    /*background-image: linear-gradient(to top,#0D1A4F,transparent);*/
    background-image: linear-gradient(to top,#0D1B50 50%,rgba(13,26,79,.1));
    z-index: 2;
    font: 18px/2 "Microsoft YaHei", "Arial", "Tahoma"
}
.hiSlider-pages{
    bottom: 20px;
    right: 10px;
    text-align: right;
}
.hiSlider-pages a{
    height: 10px;
    width: 10px;
    margin: 0 4px;
    display: inline-block;
    overflow: hidden;
    text-indent: -100px;
    font-size: 0;
    border-radius: 50%;
    background: #ddd;
}
.hiSlider-pages a.active{
    background: #fa0;
}
.industry{
	float: right;
	width: 788px;
	height: 380px;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #DEDFE4;
}
.industry .dynamic-title{
	background: url(../img/pc/index_02_12.png) no-repeat 0 0;
	padding-left: 200px;
	height: 58px;
}
.industry .tab-item{
	float: left;
	padding: 5px 0 15px;
	width: 136px;
	text-align: center;
	background: url(../img/pc/index04_03.png) right 8px no-repeat;
}
.industry .tab-item:last-child{
	background: none;
}
.industry .tab-item > a{
	font-size: 18px;
	color: #666;
	font-weight: 600;
	position: relative;
}
.tabs .current > a{
	color: #2D47CA;
}
.tabs .current > a:after{
	bottom: -8px;
    content: "";
    height: 3px;
    left: 38%;
    position: absolute;
    width: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: #2847D7;
}
.dynamic-title .tabs{
	border-bottom: 1px solid #DFDEE2;
}
.tab-con .tab-item-con{
	display: none;
}
.tab-con .current{
	display: block;
}
.info-item{
	padding: 10px 0;
}
.info-item .title{
	font-size: 16px;
	color: #383F58;
	line-height: 1.2;
}
.info-item .time{
	font-size: 15px;
	float: right;
	color: #999EC1;
}
.info-board{
	width: 690px;
	height: 380px;
	border: 1px solid #EEEDEF;
	background-color: #fff;
	padding: 12px 20px 20px;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.part-title{
	border-bottom: 1px solid #3D4C8D;
	margin-bottom: 15px;
}
.part-title .more{
	float: right;
	font-size: 12px;
	color: #2F48AD;
	line-height: 4;
}
.intro{
	background-color: #204AEA;
}
.part-name{
	padding-top: 50px;
	text-align: center;
	margin-bottom: 50px;
}
.performs{
	margin-bottom: 40px;
}
.performs-item{
	float: left;
	margin-right: 145px;
	padding-bottom: 12px;
	position: relative;
}
.performs-item:last-child{
	margin-right: 0;
}
.performs-item .msg{
	width: 240px;
	height: 316px;
	background-color: #fff;
	text-align: center;
	padding-top: 80px;
}
.performs-item .num{
	font-size: 90px;
	color: #fa0;
  margin-bottom: 20px;
}
.performs-item .perform-name{
	font-size: 18px;
	color: #314486;
	margin-bottom: 12px;
}
.performs-item .amount{
	font-size: 15px;
	color: #BCBECE;
}
.performs-item .under-bg{
	position: absolute;
	left:0;
	bottom:0;
	width: 100%;
	height: 12px;
	background: url(../img/pc/index_02_29.png) 0 0 no-repeat;
}
.intro-info{
	width: 1280px;
	margin: 0 auto;
	padding: 30px 0; 
	border-top: 1px solid #335DFD;
	font-size: 15px;
	line-height: 1.5;
	color: #E0FBFD;
}
.aptitude{
	margin-bottom: 30px;
	margin-top: -160px;
}
.aptitude .slide{
	position: relative;
	padding: 0 50px;
}
.aptitude-slide-box-wipper{
	height: 480px;
	overflow: hidden;;
}
.other-bg{
	border: 1px solid #E4E6ED;
	background-color: #fff;
}
.aptitude .slide-item{
	margin: 0 18px;
}
.aptitude .slide-item img{
	width: 250px;
	height: 350px;
	margin-bottom: 20px;
}
.aptitude .slide-item .apt-name{
	width: 250px;
	font-size: 13px;
	color: #4F535F;
	text-align: center;
}
.aptitude .books_prev {
    position: absolute;
    width: 20px;
    height: 36px;
    top: 150px;
    left: 20px;
    background: url(../img/pc/index_03_14.png) no-repeat;
    background-size: 100% 100%;
    z-index: 9;
}
.aptitude .books_next {
    position: absolute;
    width: 20px;
    height: 36px;
    top: 150px;
    right: 20px;
    background: url(../img/pc/index_03_17.png) no-repeat;
    background-size: 100% 100%;
    z-index: 9;
}
.service{
	margin-bottom: 30px;
}
.service-item{
	float: left;
	width: 210px;
	height: 210px;
	margin: 10px;
    border: 1px solid #ebebeb;
  	position: relative;
}
.service-item .item-title{
	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;
  	z-index: 1;
    background-color: rgba(0,0,0,0.3);
    padding-top: 80%;
}
.service-item .item-title p{
	font-size: 24px;
    color: #fff;
    opacity: 0.7;
  	text-align: center;
}
.service .pics{
	padding: 0 0 15px 8px; 
}
.case{
	background-color: #fff;
	border-top: 1px solid #DEDFE5;
	padding-bottom: 15px;
}
.case-title{
	padding: 50px 0 50px 270px;
    background: url(../img/pc/index_03_30.png) 0 50px no-repeat;
}
.more-case{
	padding: 15px 0 20px 0;
	text-align: right;
	border-bottom: 1px solid #DFDEE2;
}
.more-case .more{
	font-size: 13px;
	color: #334EC0;
	border: 1px solid #334EC0;
	padding: 6px 15px;
	border-radius: 20px;
	display: inline-block;
}
.case-item{
	float: left;
}
.case-item:nth-of-type(1){
	width: 420px;
	margin-right: 20px;
}
.case-item:nth-of-type(2){
	width: 660px;
	margin-right: 20px;
}
.case-item:nth-of-type(3){
	width: 280px;
}
.case-intro{
	position: relative;
	margin-bottom: 15px;
}
.case-item .pic-shadow{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	background-image: linear-gradient(to top,#000,transparent);
}
.case-item .case-text{
	position: absolute;
	left: 15px;
	bottom: 20px;
	width: 90%;
	color: #fff;
	font-size: 14px;
	line-height: 1;
}
.link-item{
	float: left;
	margin-right: 15px;
}
.link{
	border-top: 1px solid #DEDFE4;
	background-color: #fff;
	padding: 40px 0 30px;
}
.child-article-list{
	margin-bottom: 30px;
}
.child-article-list .parts{
	background-color: #fff;
}
.child-article-list .child-nav{
	float: left;
    width: 180px;
    border-right: 1px solid #EFEFEF;
    margin-right: 20px;
    padding: 30px 0 0 0;
}
.child-article-list .child-list{
	 float: left;
    width: 1200px;
    padding: 20px 30px 20px 10px;
}
.child-article-list .list-title .t{
	height: 57px;
    line-height: 57px;
    color: #fff;
    padding-left: 30px;
    font-size: 22px;
    font-weight: 800;
}
.child-nav li>a{
    height: 57px;
    line-height: 57px;
    color: #232323;
    font-size: 20px;
    padding-left: 30px;
    display: inline-block;
    width: 100%;
}
.child-nav li{
	margin-bottom: 10px;
}
.child-nav li:hover{
	background-color:#e0e6ff;
}
.child-nav li.active >a{
	color: #fff;
}
.child-nav li.active{
	background-color: #204aea;
}
.child-article-list h2.aligncenter{
	line-height: 57px;
}
.article-list{
	margin-bottom: 30px;
}
.article-list .info-item,.child-list .info-item{
	padding: 15px 0;
}
.info-item .button-detail{
	color: #204aea;
   margin-top: 6px;
   display: inline-block;
}
.article-list .parts{
	background-color: #fff;
	padding: 50px;
	border: 1px solid #DBDFEF;
}
.article-list .info-item{
	padding: 15px 0;
}
.article-list .list-title{
	margin-bottom: 30px;
}
.child-article-list .list-title{
	margin-bottom: 15px;
}
.pic-info-item{
	float: left;
   width: 220px;
   height: 360px;
   margin: 10px 18px;
}
.single-event-image{
	height:316px;
   background-color: #ededed;
  overflow:hidden;
}
.service-range{
	height: 220px;
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
}
.title{
	font-size: 16px;
   line-height: 1.3;
   color: #333;
}

.article-list .list-title .t{
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	color: #214AEB;
}
.article-list .d{
	line-height: 2;
  color: #333;
}
.article-title .t{
	text-align: center;
   font-size: 22px;
   color: #172043;
   margin-bottom: 30px;
}
.article-title .msg{
	text-align: center;
   font-size: 15px;
   color: #919ED6;
   margin-bottom: 30px;
}
.download-doc{
	font-size: 18px;
}
.download-doc a{
	color: #333;
  	font-size: 18px;
}
.pages{
	margin-top: 30px;
}
.pages .pagination{
	text-align: center;
}
.pages .pagination li{
	list-style: none;
   	display: inline-block;
   	padding: 3px 8px;
   	margin: 0 5px;
   	font-size: 14px;
}
.pages .pagination li:hover{
	border: 1px solid #234BEB;
}
.pages .pagination .active{
	border: 1px solid #234BEB;
   	color:#234BEB;
}
.footer{
	background-color: #204AEA;
   padding: 20px 0;
}
.footer .f-item{
	float: left;
	height: 100px;
	/*background-color: #325AF8;*/
	margin-right: 10px;
	overflow: hidden;
}
.footer .icp{
	width: 410px;
}
.footer .map{
	width: 130px;
}
.footer .cont{
	width: 200px;
}
.footer .addr{
	width: 770px;
	margin-right: 0;
}
.footer .qrcode{
	float: left;
   width: 85px;
	padding: 55px 0 0 15px;
}
.footer .icp-info{
	padding: 25px 0 0 50px;
	font-size: 16px;
	color: #E1F2FF;
}
.footer .icp-info>p{
	line-height: 1.6;
}
/*.footer .map{
	text-align: center;
	font-size: 20px;
	color: #8A9CEF;
	padding-top: 55px;
}
.footer .map .icon{
	display: inline-block;
	width: 34px;
	height: 34px;
	background: url(../img/pc/index_92.jpg) 0 0 no-repeat;
	margin-bottom: 8px;
}*/
.footer .cont .icon{
	display: inline-block;
	width: 56px;
	height: 56px;
	background: url(../img/pc/index_95.png) 0 0 no-repeat;
	vertical-align: middle;
	margin-right: 10px;
}
.footer .cont{
	text-align: center;
	padding-top: 25px;
}
.footer .cont a{
	font-size: 16px;
	color: #FFFFFF;
}
.footer .addr-icon{
	float: left;
	padding: 25px 0 0 25px;
}
.footer .addr-icon .icon{
	display: inline-block;
	width: 56px;
	height: 56px;
	background: url(../img/pc/index_98.png) 0 0 no-repeat;
}
.addr-info{
	float: left;
	width: 670px;
	padding: 25px 0 0 12px;
	font-size: 16px;
	color: #fff;
	line-height: 1.8;
}